
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!--输出,条件,迭代标签库-->
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="fmt"%> <!--数据格式化标签库-->--%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="fn"%> <!--常用函数标签库-->
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="sql"%> <!--数据库相关标签库-->
<%@ page isELIgnored="false"%> <!--这个很重要！！！！！！不设的话，EL表达式不会解析-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.2/umd/popper.min.js"></script>
    <%--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>--%>
    <link rel="stylesheet" href="boostrap/bootstrap-4.1.3-dist/css/bootstrap.min.css">
    <script src="boostrap/bootstrap-4.1.3-dist/js/bootstrap.min.js"></script>

    <!-- Latest compiled and minified CSS -->
    <link href="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.css" rel="stylesheet">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>

    <!-- Latest compiled and minified Locales -->
    <script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
</head>

<body>
<h2>Hello World!</h2>
<div class="container">
    <h1>Client Side Pagination</h1>
    <p>Use <code>pagination</code>, <code>sidePagination</code>, <code>pageNumber</code>, <code>pageSize</code>, <code>pageList</code> options to set the pagination options.</p>
    <table id="table"
           data-toggle="table"
           data-height="360"
           data-pagination="true"
           data-search="true"
           data-show-pagination-switch="true"
           data-page-size="10"
           data-page-list="[5, 10, 20]"
           data-striped="true"
           data-width="10px"
           data-url="../../json/bootstrap-table-pagination.json">
        <thead>
        <tr>
            <th style="width: 20px" data-field="id">ID</th>
            <th style="width: 20px" data-field="name">Item Name</th>
            <th style="width: 20px" data-field="price">Item Price</th>
        </tr>
        </thead>
    </table>
</div>
<script>
    var $table = $('#table');
    $(function () {
    });
</script>
</body>

</html>
